<template>
	<view class="swiper-box">
		<swiper class="swiper-list" circular autoplay="true" indicator-dots :style="'height: '+height+'vw;'">
			<swiper-item v-for="(item, index) in datas" :key="index" class="swiper-item" @click="$goto(item.path)">
				<image :src="item.pic" :mode="mode"/>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
export default {
	props: {
		height: {
			type: Number,
			default: 50
		},
		datas: Array,
		mode:{
			type: String,
			default: 'scaleToFill'
		}
	},
	data() {
		return {
		}
	},
	mounted() {
		
	},
	methods: {
		
	}
}
</script>

<style lang='scss'>
	.swiper-box {
		position: relative;
		overflow:hidden;
		border-radius: 10upx;
		background-color: #ffffff;
		.swiper-list {
			width: 100%;
			.swiper-item {
				width: 100%;
				overflow: hidden;
			}
			image {
				width: 100%;
				height: 100%;
			}
		}
	}
</style>